<template>
	<view class="d-flex">
		<image :src="threeAdv.big.src" 
		lazy-load
		style="width: 373rpx;height: 530rpx;border-right: 2rpx solid #f5f5f5;"
		@tap="event(threeAdv.big)"
		></image>
		<view class="d-flex flex-column">
			<image :src="threeAdv.smalltop.src" style="width: 375rpx;height: 264rpx;border-bottom: 2rpx solid #f5f5f5;"
			@tap="event(threeAdv.smalltop)"
			></image>
			<image :src="threeAdv.smallbottom.src" style="width: 375rpx;height: 264rpx;"
			@tap="event(threeAdv.smallbottom)"
			></image>
		</view>
	</view>
</template>

<script>
	export default{
		props:{
			threeAdv:{
				type:Object,
				default:function(){
					return ''
				}
			}
		},
		data(){
			return{
				
			}
		},
		methods:{
			event(e){
				console.log('e',e);
			}
		}
	}
</script>

<style>
</style>
